﻿@media only screen and (min-device-width : 320px) and (min-device-height : 480px) 
      and (max-device-width : 799px) 
  {  
    
    /*------------------------------------Aguarde---------------------------------------------*/
    #divConteudoAguarde {
        position: absolute;
        width: 60%;
        height: 700%;
        top: 800%;
        left: 20%;
    }

    #divCamposAguarde {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
    }

    #spanAguarde {
        position: absolute;
        top: 45%;
        left: 34%;
        color: #004A80;
    }


    .loader {
        position: absolute;
        left: 19%;
        top: 7%;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /*--------------------------------------------------------------------------------------*/
}
